<div class="main-hook organize-main-hook">
    <span @click.stop="emitPage" class="emit-page-hook"></span>
    <span @click.stop="prePage" class="pre-page-hook"></span>
    <span @click.stop="refreshPage" class="refresh-page-hook"></span>
    <div class="box-wrapper box1-hook" v-show="boxs.box1.show">
        <div class="organize-wrapper organize-hook">
            <div class="title">
                当前位置：系统设置 -> <span class="active">组织机构管理</span>
            </div>
            <form class="search form-hook">
                <div class="row">
                    <span class="search-label">组织编码</span>
                    <span class="interval-xs"></span>
                    <input type="text" class="search-input lg" name="keyword" placeholder="组织编码">
                    <span class="interval-lg"></span>
                    <span class="search-label">组织名称</span>
                    <span class="interval-xs"></span>
                    <input type="text" class="search-input lg" name="keyword" placeholder="组织名称">
                    <span class="interval-lg"></span>
                    <button type="submit" class="btn btn-blue search-hook">查询</button>
                </div>
            </form>
            <ul class="ztree permission_tree" id="organize_tree" style="float:left"></ul>
            <div class="permission_list">
                <div class="order_operation_btn">
                    <button type="button" class="btn primary_btn" @click.stop="addOrganize()">新增</button>
                </div>
                <div class="custom-table-wrapper">
                    <table class="custom-table organize-table-hook"></table>
                </div>
            </div>

        </div>
    </div>
    <div class="box-wrapper box2-hook" v-show="boxs.box2.show"></div>
    <div class="box-wrapper box3-hook" v-show="boxs.box3.show"></div>
    <div class="box-wrapper box4-hook" v-show="boxs.box4.show"></div>
</div>

<!-- 新增组织机构弹框 -->
<div id="addOrg" style="display:none">
    <div class="form" style="padding-top:20px">
        <form class="form-horizontal create-form-hook">
            <div class="form-group">
                <label class="col-sm-3 control-label">上级组织:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="newupper" id="newupper" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">上级编码:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="newupperNum" id="newupperNum" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">部门名称:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="newdepartment" id="newdepartment">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">排序号&nbsp;&nbsp;&nbsp;:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="neworder" id="neworder">
                </div>
            </div>

        </form>
    </div>
</div>
<!-- 修改组织机构弹框 -->
<div id="modifyOrg" style="display:none;">
    <div class="form" style="padding-top:20px">
        <form class="form-horizontal create-form-hook">
            <div class="form-group">
                <label class="col-sm-3 control-label">上级组织:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"  name="upperOrg" id="upperOrg" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">上级编码:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="upperNum" id="upperNum" readonly>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">部门名称:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" name="department" id="department">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">排序号&nbsp;&nbsp;&nbsp;:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control"name="order" id="order">
                </div>
            </div>

        </form>
    </div>
</div>
<script type="text/javascript" src="js/back/system/organize/organize.js" custom></script>